<template>
	<!--<div class="index-app">-->
		<router-view></router-view>
	<!--</div>-->
</template>

<script>
	import Cookies from 'js-cookie';
	import Util from '../../common/util.js';
	export default {
		name: 'indexApp',
		components: {
		},
		mounted() {
			this.initTheme();
			this.lockProfile();
		},
		methods: {
			//初始化皮肤
			initTheme() {
				let theme = this.$store.getters.framework_theme;
				document.body.className = (theme == 1 ? 'wsplus-theme-light' : 'wsplus-theme-dark');
			},
			//锁屏配置
            lockProfile() {
	 			// 锁屏相关
	            let lockScreenBack = document.getElementById('lock_screen_back');
	            let x = document.body.clientWidth;
	            let y = document.body.clientHeight;
	            let r = Math.sqrt(x * x + y * y);
	            let size = parseInt(r);
	            this.lockScreenSize = size;
	            window.addEventListener('resize', () => {
	                let x = document.body.clientWidth;
	                let y = document.body.clientHeight;
	                let r = Math.sqrt(x * x + y * y);
	                let size = parseInt(r);
	                this.lockScreenSize = size;
	                lockScreenBack.style.transition = 'all 0s';
	                lockScreenBack.style.width = lockScreenBack.style.height = size + 'px';
	            });
	            lockScreenBack.style.width = lockScreenBack.style.height = size + 'px';
	        }
		}
	}
</script>

<style lang="less">
	
</style>